<template>
    <div>
        <!-- 116.404, 39.915 -->
        <baidu-map class="bm-view" :center="{ lng: 116.404, lat: 39.915 }" :zoom="15">
            <!-- 比例尺 -->
            <bm-scale anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-scale>
            <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
            <bm-map-type :map-types="['BMAP_NORMAL_MAP', 'BMAP_HYBRID_MAP']" anchor="BMAP_ANCHOR_TOP_LEFT"></bm-map-type>
             <bm-city-list anchor="BMAP_ANCHOR_TOP_LEFT"></bm-city-list>
        </baidu-map>
    </div>
</template>

<script lang="ts" setup>
</script>

<script lang="ts">
export default {
    name: 'mapItem'
}
</script>

<style lang="scss" scoped>
.bm-view {
    width: 1200px;
    height: 800px;
}
</style>
